<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录页面</title>
<!-- 注意一下引入顺序 -->
<script src="js/jquery-2.0.3.js"></script>
<script src="js/jquery.cookie.js"></script>
</head>
<body>

<!-- form的action后的值为: @WebServlet中对应的哪个url mappping的值 -->
    <form action="LoginServlet2" method="post">
         <input type="text" id="username" name="username" placeholder="请输入用户名" ><br/>
         <input type="password" id="userpwd" name="userpwd" placeholder="请输入密码" ><br/>
         <!-- 隐藏域传递op的值给servlet,servlet会根据op的值进行判断从而决定执行后续操作 -->
         <input type="hidden" name="op" value="login"><br/>
         <input type="checkbox" value="rememberme" name="cksremember" id="cksremember" checked>记住密码<br/>
         <input type="submit" value="登录"><br/>
    </form>
</body>

<script>
   $(function(){
	   //("#username").blur 文本框失去焦点事件
	  $("#username").blur(function(){
		  //读取用户名和密码的cookie信息
		  var username = $.cookie('username');
		  var userpwd = $.cookie('userpwd');
		  
		  console.log(userpwd);
		  //如果用户输入的用户名 和 读取用户名一致
		  if($(this).val() == username)
			  {
			     //就将密码显示在密码框中
			     $("#userpwd").val(userpwd);
			  }
		  
	  }); 
	  
	
   })
  
</script>
</html>